<div class="content guide with-sidebar ssr-guide">
<h1>服务端渲染</h1>
<h2 id="SSR-完全指南"><a class="headerlink" href="#SSR-完全指南" title="SSR 完全指南"></a>SSR 完全指南</h2><p>在 2.3 发布后我们发布了一份完整的构建 Vue 服务端渲染应用的指南。这份指南非常深入，适合已经熟悉 Vue, webpack 和 Node.js 开发的开发者阅读。请移步 <a href="https://ssr.vuejs.org/zh/" rel="noopener" target="_blank">ssr.vuejs.org</a>。</p>
<h2 id="Nuxt-js"><a class="headerlink" href="#Nuxt-js" title="Nuxt.js"></a>Nuxt.js</h2><p>从头搭建一个服务端渲染的应用是相当复杂的。幸运的是，我们有一个优秀的社区项目 <a href="https://nuxtjs.org/" rel="noopener" target="_blank">Nuxt.js</a> 让这一切变得非常简单。Nuxt 是一个基于 Vue 生态的更高层的框架，为开发服务端渲染的 Vue 应用提供了极其便利的开发体验。更酷的是，你甚至可以用它来做为静态站生成器。推荐尝试。</p>
<h2 id="Quasar-Framework-SSR-PWA"><a class="headerlink" href="#Quasar-Framework-SSR-PWA" title="Quasar Framework SSR + PWA"></a>Quasar Framework SSR + PWA</h2><p><a href="https://quasar-framework.org/" rel="noopener" target="_blank">Quasar Framework</a> 可以通过其一流的构建系统、合理的配置和开发者扩展性生成 (可选地和 PWA 互通的) SSR 应用，让你的想法的设计和构建变得轻而易举。你可以在服务端挑选执行超过上百款遵循“Material Design 2.0”的组件，并在浏览器端可用。你甚至可以管理网站的 <code>&lt;meta&gt;</code> 标签。Quasar 是一个基于 Node.js 和 webpack 的开发环境，它可以通过一套代码完成 SPA、PWA、SSR、Electron 和 Cordova 应用的快速开发。</p>
<div class="guide-links">
<span>← <a href="state-management.html">状态管理</a></span>
<span style="float: right;"><a href="reactivity.html">深入响应式原理</a> →</span>
</div>
<div class="footer">
<script src="//m.servedby-buysellads.com/monetization.js" type="text/javascript"></script>
<div class="bsa-cpc"></div>
<script>
  (function(){
    if(typeof _bsa !== 'undefined' && _bsa) {
    _bsa.init('default', 'CKYD62QM', 'placement:vuejsorg', {
      target: '.bsa-cpc',
      align: 'horizontal',
      disable_css: 'true'
    });
      }
  })();
</script>

    发现错误？想参与编辑？
    <a href="https://github.com/vuejs/cn.vuejs.org/blob/master/srcssr.md" target="_blank">
      在 GitHub 上编辑此页！
    </a>
</div>
</div>